/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }


/* Global properties
---------------------------------------- */
body { 
	background:url(../images/body-bg-1.gif) top center repeat; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.875em; 
	line-height:1.2857em;
	color:#696969;
}
html { min-width:1000px;}
html, body { height:100%;}


/* Global Structure
---------------------------------------- */

#page1 header {
	height:625px;
}
	/* Header */
	header{
		height:423px;
		background:url(../images/header-bg-1.jpeg) left top repeat-x #fff;
		position:relative;
		z-index:10;
		behavior:url(js/pie.htc);
		border-radius:0 0 8px 8px;
		-moz-border-radius:0 0 8px 8px;
		-webkit-border-radius:0 0 8px 8px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .6);
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
		}
		
	
	/* Content */
	section#content {
		width:100%;
		position:relative;
		z-index:10;
		behavior:url(js/pie.htc);
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		box-shadow: 0 0 10px rgba(0, 0, 0, .6);
		-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
		background:#fff;
	}
	.block {
		height:30px;
	}
	
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* Paragraph styling */
p {padding-top:18px}


/*----- txt, links, lines, titles -----*/
a {color:#2ba3c1; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }

blockquote {
	margin:0 5px 0px 5px;
	padding:15px 4px 20px 10px;
	font-size:1.142em; 
	line-height:1.785em;
	color:#2ba3c1; 
	quotes:none;
}
blockquote.left {background:url(../images/divider1.gif) right top repeat-y; width:30%; float:left; margin-right:20px; padding-right:20px; padding-left:0;}
blockquote.right {background:url(../images/divider1.gif) left top repeat-y; width:35%; float:right; margin-left:0px; padding-left:30px; background-position:15px 0;}
blockquote.quote {padding:0px 0 0 55px; margin-top:20px; line-height:1.4375em; width:70%; background:url(../images/quote-bg.gif) left 5px no-repeat; color:#29a4c3;}




ins {
    background-color:#2ba3c1;
    color:#fff;
	padding:2px;
    text-decoration:none;
	}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
	}

del {
    text-decoration: line-through;
	color:#1d1d1e;
	}

abbr[title], dfn[title] {
    border-bottom:1px dotted #2ba3c1;
    cursor:help;
	color:#2ba3c1;
	text-transform:uppercase;
	}

strong   		   {color:#1d1d1e;}
em, dfn  		   { color:#2ba3c1;}
dfn 	 		     { color:#2ba3c1; font-size:1.16em; letter-spacing:2px; }
sup, sub 		   { }
abbr, acronym  { border-bottom:1px dashed #2ba3c1; color:#2ba3c1; text-transform:uppercase;}
address 		   { margin:0 0 1.5em;font-style:italic;}
del 			     { color:#1d1d1e;}
pre, code, tt  { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			     { background-color:#f6f6f6; display:block; color:#333; padding:3px 2px 3px 5px; line-height:1.67em;  border:1px dotted #333;}
pre 			     { white-space:pre;}
q {color:#2ba3c1; letter-spacing:0px; font-family:"Courier New", Courier, monospace; font-size:1.25em; quotes:none;}
b {color:#1d1d1e;}
i {color:#1d1d1e;}
cite {color:#1d1d1e;}
small {font-size:0.714em; color:#1d1d1e}
big {font-size:1.285em;  color:#1d1d1e;}
sup {vertical-align:top; font-size:0.76em; color:#1d1d1e; display:inline-block;}
sub {vertical-align:bottom; font-size:0.76em; color:#1d1d1e; display:inline-block;}
kbd {color:#1d1d1e; font-size:0.857em; font-family:"Courier New", Courier, monospace;}
samp {color:#1d1d1e; font-size:0.857em; font-family:"Courier New", Courier, monospace;}
var {color:#1d1d1e;}


/* Custom select color */
::selection {
	background: #333;	 /* Safari */
	color:#fff;
	}
::-moz-selection {
	background: #333;
	color:#fff;/* Firefox */
	}

.typograph-title {
	color:#1d1d1d;
	padding:38px 0 0 0;
}


.typography {
	line-height:1.5em;
}
h1 {
	font-size:3.285em;
	line-height:1.2307em;
	padding:10px 0 20px 0;
	letter-spacing:-2px;
	color:#1d1d1e;
}

h2 {
	font-size:3em;
	line-height:1.2307em;
	padding:15px 0 25px 0;
	color:#1d1d1e;
	letter-spacing:-1px;
}	

h3 {
	font-size:2.714em;
	line-height:1.2307em;
	padding:20px 0 22px 0;
	color:#1d1d1e;
	letter-spacing:-1px;
}

h4 {
	font-size:2.428em;
	line-height:1.2307em;
	padding:20px 0 30px 0;
	color:#2ba3c1;
	letter-spacing:-1px;
}
	
h5 {
	font-size:2.071em;
	line-height:1.2307em;
	padding:9px 0 22px 0;
	color:#1d1d1e;
	letter-spacing:-1px;
}
	.h5-pad {
		padding-left:15px;
	}

h6 {
	font-size:1.857em;
	line-height:1.2307em;
	padding:36px 0 20px 0;
	color:#1d1d1e;
	letter-spacing:-1px;
}

/*  Header styles */
.socials {
	float:right;
	padding:5px 0 0 0;
	font-size:0.785em;
	color:#444444;
	margin-right:-3px;
}
	.socials a {
		display:inline-block;
		margin-left:5px;
	}

.container {
	width:100%;
}

.header-border {
	background:url(../images/header-border-bg-1.gif) left bottom repeat-x;
	padding-bottom:11px;
}

.logo {
	float:left;
	padding:15px 0 1px 1px;
	
}
	.logo a {
		display:block;
		text-indent:-5000px;
		height:88px;
		width:252px;
		background:url(../images/logo-1.jpeg) left top no-repeat;
	}
/* Unordered list style
---------------------------------------- */
/* Layouts navigation */
.layouts-nav {width:100%; overflow:hidden; padding-bottom:30px !important; padding-top:30px;}
	.layouts-nav li { float:left; margin-right:20px; background:none !important; padding:0 !important;}
		.layouts-nav li a {
			float:left;
			background:#000;
			padding:2px 10px;
			color:#fff;
			text-decoration:none;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			margin-right:10px;
			cursor:pointer;
			behavior: url(js/PIE.htc);
			position:relative;
			}
		.layouts-nav li a:hover {
			background:#999;
			}

/* Ordered list style */
ol { padding-bottom:15px;}
	ol li { 
		list-style-position:outside;
		list-style-type:decimal;
		margin-left:24px;
		line-height:1.7em;
		font-size:1em;
		color:#29a4c3;
		font-weight:bold;		
		}
			ol li a {
				color:#696969;
				text-decoration:none;
				font-weight:normal;
			}
				ol li a:hover {
					text-decoration:underline;
				}


.list_1 li {
	background:url(../images/list_1-marker.gif) left 11px no-repeat;
	padding:0px 0 0px 15px;
	font-size:1em;
	line-height:2.142em;
}
	.list_1 li a {
		color:#696969;
		text-decoration:none;
	}
	.list_1 li a:hover {
		text-decoration:underline;
	}
		.list_1 li ul {
			padding-left:16px;
			padding-top:0px;
		}
			.list_1 li ul li {
				background:url(../images/list_1-marker1.gif) left 6px no-repeat;
				padding:0 0 0 14px;
				font-size:1em;
				line-height:1.2857em;
				margin:0;
			}
				.list_1 li ul li a {
					color:#696969;
				}
	.list_1 .list-link {
		color:#ff3300;
		text-decoration:underline;
	}		
		.list_1 .list-link:hover {
			text-decoration:none;
		}
	
	.list_1 .list-link1 {
		text-decoration:none;
		color:#ff3300;
	}
		.list_1 .list-link1:hover {
			text-decoration:underline;
		}

.list_2 {
}
	.list_2 li {
		background:url(../images/list_2-marker-1.gif) left 10px no-repeat;
		font-size:1em;
		line-height:2.1424em;
		padding:0 0 0px 16px;
	}
		.list_2 li a {
			color:#696969;
			text-decoration:none;
		}
			.list_2 li a:hover {
				text-decoration:underline;
			}
			
.list_3 {
}
	.list_3 li {
		background:url(../images/list_3-marker.gif) left 5px no-repeat;
		padding:0 0 0px 28px;
		font-size:1em;
		line-height:1.7em;
	}
		.list_3 li a {
			color:#696969;
			text-decoration:none
		}
			.list_3 li a:hover {
				text-decoration:underline;
			}
			
.divider1 {
	background:url(../images/divider.gif) 350px 0px repeat-y
}
.divider2 {
	background:url(../images/divider2.gif) 330px 0px repeat-y
}
.margin {
	margin-top:50px;
}
.def-list dt {
	line-height:1.5em;
	font-size:0.928em;
	padding-bottom:5px;
	font-weight:bold;
	color:#2ba3c1;
}
	
	.def-list dd {
		padding:0 0 16px 45px;		
		font-size:1em;
		line-height:1.5em;
		color:#797979;
	}


/* Table styling */
.table1 { width:100%; border:1px solid #a7d1db; margin-top:20px;}
table { width:100%; border:1px solid #a7d1db;}
table thead th {
	text-align:center;
	background:url(../images/table-bg.gif) left top repeat-x #53b2d9;
	padding:16px 0px 16px 0px;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	border-right:1px solid #44bbd9;
	border-bottom:3px solid #a8d3ef;
	}
table .right {
	border-right:1px solid #44bbd9;
}
table tbody td {
	padding:7px 30px;
	background:#e7ecef;
	text-align:center;
	border:1px solid #bec1c3;
	font-size:0.857em;
	color:#696969;
	}
.table {
	border:none;
	margin-top:30px;
	width:630px
	
}
	.table thead th {
		background:none;
		text-align:center;
		color:#888888;
		font-size:0.92em;
		line-height:1.2307em;
		border:1px solid #35342e;
		font-weight:bold;
		padding:4px 0 4px 0;
		text-transform:uppercase;
	}
	.table tbody td {
		text-align:left;
		padding:15px 0 28px 22px
	}
		.table .list_1 li a {
			text-decoration:underline;
		}
			.table .list_1 li a:hover {
				text-decoration:none;
			}

/*  Dropcaps style */
.dropcap_1 {
	font-size:40px;
	line-height:1.2em;
	width:38px;
	color:#1d1d1e;
	font-weight:bold;
	display:block;
	float:left;
}
.dropcap_2 {
	font-size:36px;
	background:url(../images/dropcap.gif) no-repeat 50% 0;
	text-align:center;
	width:52px;
	line-height:52px;
	color:#fff;	
	font-weight:bold;
	display:block;
	float:left;
	margin-right:8px;
	}
.dropcap_3 {
	height:36px;
	width:46px;
	line-height:1em;
	color:#fff;
	font-weight:bold;
	padding-top:10px;
	font-size:25px;
	margin-right:13px;
	display:block;
	float:left;
	background:url(../images/dropcap_3-bg.png) left top no-repeat;
	text-align:center;
	}
	

.divider {
	background:url(../images/divider.gif) 335px 0px repeat-y
}
/*  Horizontal divider */
.hr {
	display:block;
	position:relative;
	padding:20px 0 20px 0;
	border:none;
	background:url(../images/hr.gif) 0 50% repeat-x;
	height:2px;
	overflow:hidden;
	font-size:12px;
	margin:0 0px 0 0;
	}
	.hr a {
		position:absolute;
		right:20px;
		top:2px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		background:url(../images/arrow-top.gif) no-repeat 0 10px;
		padding-left:13px;
		color:#1d1d1e;
	}
	.hr a:hover { color:#666;}
	

/*  Buttons */
.button1 {
	display:inline-block;
	background:url(../images/button1-bg-1.gif) left top repeat-x #8c8c8c;
	padding:8px 14px 8px 14px;
	font-size:1em;
	line-height:1.2307em;
	text-decoration:none;
	color:#fff;
	margin-top:20px;
	position:relative;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(js/PIE.htc);
	position: relative;
	box-shadow: 0 0 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
	
	
}
	.button1:hover {
		background:#6c6c6c;
	}

.button2 {
	display:inline-block;
	background:#29a4c3;
	padding:8px 14px 8px 14px;
	font-size:1em;
	line-height:1.2307em;
	text-decoration:none;
	color:#fff;
	margin-top:20px;
	position:relative;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(js/PIE.htc);
	position: relative;
	box-shadow: 0 0 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
}
	.button2:hover {
		background:#207e96;
	}

.button3 {
	display:inline-block;
	background:#1c1d1f;
	padding:8px 14px 8px 14px;
	font-size:1em;
	line-height:1.2307em;
	text-decoration:none;
	color:#fff;
	margin-top:20px;
	position:relative;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(js/PIE.htc);
	position: relative;
	box-shadow: 0 0 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .4);
}
	.button3:hover {
		background:#424345;
	}

.link {
	display:inline-block;
	margin-top:22px;
}
/* Blocks and Boxes style
---------------------------------------- */
/* Supported list */	
.supported-list {
	width:100%;
	overflow:hidden;
	}
	.supported-list li {
		float:left;
		background:url(../images/line-ver.gif) 100% repeat-y !important;
		padding:0 0 0 0 !important;
		width:195px;
		margin:0 0 0 12px;
	}
	.supported-list li.first {
		margin-left:0;
	}
	.supported-list li.last {
		padding-right:0;
		background:none !important;
		}
		.supported-list li .inside {
			padding:0 12px 0 0 !important;
		}
		.supported-list li p.img-wrapper {
			width:180px;
			height:114px;
			border:1px solid #c9c9c9;
			overflow:hidden;
			position:relative;
			}
			.supported-list li p.img-wrapper img {
				padding:0;
			}

/* Information box */
.info-box {
	padding:20px 30px 20px 110px;
	margin-bottom:20px;
	background:#e1f2fc;
	color:#697a84;
	border:1px solid #68a2cf;
	position:relative;
	height:1%;
	font-size:0.785em;
	line-height:1.4545em;
}
	.info-box p.icon {
		position:absolute;
		left:34px;
		top:-6px;
		margin:0;
	}

/* Download box */
.download-box {
	padding:20px 30px 20px 110px;	
	margin-bottom:20px;
	position:relative;
	height:1%;
	font-size:0.785em;
	line-height:1.4545em;
	background:#eeffdd;
	border:1px solid #a3c159;
	color:#697a58;
}
	.download-box p.icon {
		position:absolute;
		left:34px;
		top:-6px;
		margin:0;
	}

/* Notification box */
.notification-box {
	padding:20px 30px 20px 110px;
	margin-bottom:20px;
	background:#fef7e0;
	border:1px solid #e6c555;
	color:#79725b;
	position:relative;
	height:1%;
	font-size:0.785em;
	line-height:1.4545em;
	}
	.notification-box p.icon {
		position:absolute;
		left:34px;
		top:-8px;
		margin:0;
		}

/* Error message box */
.error-box {
	padding:20px 30px 20px 110px;
	margin-bottom:20px;
	background:#ffeded;
	border:1px solid #ff9999;
	color:#7e6c6c;
	position:relative;
	height:1%;
	font-size:0.785em;
	line-height:1.4545em;
	}
	.error-box p.icon {
		position:absolute;
		left:34px;
		top:-6px;
		margin:0;
		}






/* Header
---------------------------------------- */

/* Pages
---------------------------------------- */

/* 404 page */
.box-404 {
	background:url(../images/box-404-bg.jpg) left 27px no-repeat;
	height:439px;
	font-size:1.1423em;
	line-height:1.53em;
	padding:0 50px 0 550px;
	font-weight:bold;
	color:#444444;
}
	.box-404 strong {
		font-size:4.4375em;
		line-height:1.2307em;
		display:block;
		padding:37px 0 0px 0;
		letter-spacing:-1px;
	}
	.box-404 em {
		font-size:2.875em;
		letter-spacing:-1px;
		line-height:1.2307em;
		color:#0a8fb4;
		display:block;
		margin-top:-20px;
		padding-bottom:15px;
	}

/* Under Construction page =====*/
#constuction-box {
	width:800px;
	height:500px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#eeeeee;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	}
	#constuction-box .inside {
		padding:10px 40px 40px 40px;
		}
		#constuction-box .button {
			position:relative;
			}
		#constuction-box h1 {
			text-align:center;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #ddd;
			padding-bottom:10px;
			background:none;
			font-size:4em;
			padding:20px 0 0 0
			}
			#constuction-box h1 em { 
				text-transform:uppercase;
				color:#000;
				font-size:1em;
				font-style:normal;
				display:block;
				margin-bottom:-15px;
			}
			#constuction-box h1 strong {
				padding:0;
				font-size:1em;
			}
			
	/* Countdown */
	#countdown_dashboard {
		height: 110px;
		padding:30px 0 40px 0;
		width:650px;
		margin:0 auto;
		position:relative;
		}
	.dash {
		width: 110px;
		height: 114px;
		background: transparent url('../images/dash.png') 0 0 no-repeat;
		float: left;
		margin-left: 20px;
		position: relative;
		}
	
	.dash .digit {
		font-size:75px;
		line-height:85px;
		font-weight: bold;
		float: left;
		width: 55px;
		text-align: center;
		font-family:"Times New Roman", Times, serif;
		color: #555;
		position: relative;
	}
		.dash .digit .bottom {
			font-size:75px;
			line-height:85px;
		}
	
	.dash_title {
		position: absolute;
		display: block;
		bottom: 0px;
		left:0;
		font-size: 12px;
		color: #555;
		text-transform: uppercase;
		letter-spacing: 2px;
		width:110px;
	}
	
	.dev_comment {
		font-size: 14pt;
		color: #777;
		text-align: center;
		font-style: italic;
		margin: 40px 10px;
	}
	
	#subscribe_form {
		position: relative;
	} 
	
	#email_field {
		font-size: 16pt;
		padding: 6px 10px;
		width: 300px;
	}
	
	#subscribe_button {
		font-size: 14pt;
		color: #333;
		padding: 4px 8px;
	}
	
	.copyright {
		font-size: 9pt;
		color: #333;
		margin: 40px 0px;
	}
	
	.faded {
		color: #999;
	}
	
	.form_message {
		width: 400px;
		padding: 10px;
		margin: 15px auto;
		display: none;
	}
	
	#error_message {
		background-color: #ffe;
		border-left: 5px solid #bb3;
		border-right: 5px solid #bb3;
		color: #770;
	}
	
	#info_message {
		background-color: #f0f9ff;
		border: 1px solid #eef;
	}
	
	#loading {
		text-align: center;
		margin: 10px;
		display: none;
		position: absolute;
		width: 100%;
		top: 60px;
	}

/* Intro page */
#intro-box {
	width:600px;
	height:400px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background:#fff;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	float:left;
	}
	#intro-box .inside {
		padding:40px 40px 40px 40px;
		}
		#intro-box h2 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-110px;
			padding:20px 0 0 0;
			text-align:center;
			width:600px;
			overflow:hidden;
			height:100px;
			color:#000;
			font-weight:normal;
			background:none;
			}
		#intro-box .button3 {
			position:absolute;
			right:40px;
			bottom:20px;
			float:right;
			white-space:nowrap;
			}
		.intro-buttons {
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
			}
		#flash-intro {
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
			}

/* Content
---------------------------------------- */		

/*===== nivo-slider =======*/
#slider {
	position: relative;
	width: 630px;
	height: 455px;
	margin-top:7px;
	z-index:20
}
.slider-wrapper {
	width:637px;
	height:464px;
	overflow:hidden;
	margin:0 -7px;
	padding-left:7px;
}
.slide-img {
	margin-top:7px;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:relative;
	z-index:100;
	padding:19px 0 13px 26px;
	margin:0 -7px 0 -7px;
	top:409px;
	overflow:hidden;
	background:url(../images/slider-control-bg-1.png) left top no-repeat;
	
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
	float:left;
	font-size:0px !important;
	text-decoration:none;
	line-height:0px !important;
	display:block;
	margin-right:3px;
	width:16px;
	height:16px;
	background:url(../images/pagination-bg-1.gif) left top no-repeat;
	text-align:center;
	padding-top:1px;
	color:#CCC;
}
.nivo-controlNav a.active, .nivo-controlNav a:hover  {
	background:url(../images/pagination-bg-active-1.gif) left top no-repeat;
	color:#000
}
/*==========*/
.slogan {
	padding:72px 0px 0 18px;
	font-size:1.142em;
	line-height:1.5em;
}
	.slogan strong {
		font-size:1.9375em;
		line-height:1.2307em;
		display:block;
		color:#1d1d1e;
		text-transform:uppercase;
		letter-spacing:-2px;
	}
	.slogan em {
		display:block;
		font-size:2.25em;
		line-height:1.2307em;
		color:#0a8fb4;
		letter-spacing:-2px;
		margin-top:-9px;
		padding-bottom:18px
	}
	.slogan em b {
		color:#0a8fb4;
		font-size:0.86111em;
	}
	.slogan .button2 {
		font-size:1.375em;
		line-height:1.2307em;
		margin-top:38px;
	}

.pad-bot {
	padding-bottom:30px;
}

.more-indent {
	padding:30px 0 30px 0
}


.indent {
	padding:29px 0 30px 0;
}
	.padding {
		padding-bottom:44px;
	}
	.padding1 {
		padding-bottom:14px;
	}

.line-ver {
	background:url(../images/line-ver1-1.gif) 309px 0px repeat-y;
}
.line-ver1 {
	background:url(../images/line-ver1-1.gif) 629px 0px repeat-y;
}
.line-ver2 {
	background:url(../images/line-ver1-1.gif) 294px 0px repeat-y;
}
.line-ver3 {
	background:url(../images/line-ver1-1.gif) 614px 0px repeat-y;
}
/*--------- c0l-indent -----*/
.col-indent {
	padding:0 0 0 14px;
}
.col-indent1 {
	padding:0 20px 36px 0px;
}
.col-indent2 {
	padding:12px 6px 36px 13px;
}
.col-indent3 {
	padding:0px 0px 0px 10px;
}
.col-indent1emrah{
	padding:0 20px 36px 0px;
}
.col-indent2emrah {
	padding:12px 6px 36px 13px;
}
/*--------*/
/*------ pads -----*/
.pad {
	padding-top:30px;
}
.pad1 {
	padding-top:15px;
}
.pad2 {
	padding-top:10px;
}
.pad3 {
	padding-top:23px;
}
.pad4 {
	padding-top:40px;
}
/*-----*/

.list-line li a {
	text-decoration:underline;
}
.list-line li a:hover {
	text-decoration:none;
}


.title {
	font-size:1.714em;
	line-height:1.2307em;
	color:#1d1d1e;
	padding:0 0 10px 0;
	display:block;
	letter-spacing:-1px;
}

.title1 {
	font-size:0.928em;
	display:block;
	line-height:1.2307em;
	color:#0a95b8
}

.border {
	background:url(../images/border-bg-1.gif) left bottom repeat-x;
	padding-bottom:28px;
	margin-bottom:16px;
}
.border1 {
	background:url(../images/line-ver1-1.gif) left bottom repeat-x;
	padding-bottom:14px;
	margin-bottom:16px;
}
/*------ margin -------*/
.margin-bot {
	margin-bottom:22px;
}
/*-----*/
/*--------- service-list ---------*/

.service-list li {
	line-height:1.565em;
	font-size:1.642em;
	height:49px;
	behavior: url(js/PIE.htc);
	background:url(../images/service-list-li-bg.gif) left top repeat-x #dcdcdc;
	border:1px solid #cac9c9;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	position: relative;
	padding:0;
	margin:0 0 5px 0;
	letter-spacing:-1px;
}
	.service-list li a {
		display:block;
		color:#1d1d1e;
		padding:6px 0 6px 15px;
		text-decoration:none;
	}
	.service-list li a:hover {
		color:#fff;
	}
	.service-list li:hover {
		background:url(../images/service-list-li-active.gif) left top repeat-x #1783ab;
		border:1px solid #005f7d;
	}

/*------------*/
.service-list2 li {
	line-height:1.565em;
	font-size:1.642em;
	height:49px;
	behavior: url(js/PIE.htc);
	background:url(../images/service-list-li-bg.gif) left top repeat-x #dcdcdc;
	border:1px solid #cac9c9;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	position: relative;
	padding:0;
	margin:0 0 5px 0;
	letter-spacing:-1px;
	Font-Family:Trebuchet MS;
	Font-Weight:Bold;
}
	.service-list2 li a {
		display:block;
		color:#1d1d1e;
		padding:6px 0 6px 15px;
		text-decoration:none;
	}
	.service-list2 li a:hover {
		color:#fff;
	}
	.service-list2 li:hover {
		background:url(../images/service-list-li-active.gif) left top repeat-x #1783ab;
		border:1px solid #005f7d;
	}

/*------------*/
/*--------- projects-list ----------*/
.projects-list {
	width:100%;
	overflow:hidden;
	padding:4px 0 38px 0;
	margin:0 0 12px 0
}
	.projects-list li {
		float:left;
		width:156px;
		padding:12px 15px 12px 15px;
		margin:0 14px 22px 0;
		background:#dbdbdb;
		behavior: url(js/PIE.htc);
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		position: relative;
		
	}
		.projects-list li strong {
			display:block;
			padding:12px 0 0 0
		}
			.projects-list li a {
				color:#1d1d1e;
			}
		.projects-list .last {
			margin-right:0;
		}
		.projects-list .last1 {
			margin-bottom:0;
		}
	.projects-list li:hover {
		background:#939393;
		cursor:pointer;
		color:#dadada;
	}
		.projects-list li:hover strong {
			color:#fff;
		}
			.projects-list li:hover a {
				color:#fff;
			}
/*------------*/

/*-------- box ------*/
.box {
	background:url(../images/box-tail.gif) left bottom repeat-x #2c2c2d;
	behavior: url(js/PIE.htc);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	border:1px solid #cac9c9;
	color:#c4c4c4;
}
	.box .indent {
		padding:19px 23px 26px 30px
	}
		.box strong {
			color:#fff;
			display:inline-block;
			padding-top:4px;
			float:left;
			width:194px;
		}
/*-------*/

/*---- faqs ----*/
.dropcap {
	display:block;
	width:32px;
	color:#0a95b8;
	float:left;
	font-weight:bold;
	font-size:16px;
}

.faqs li {
	padding-bottom:28px;
}
	.faqs .last {
		padding:0
	}
.faqs .pad4 {
	padding-top:10px;
}
.faqs strong {
	color:#000;
	font-size:0.928em;
}
.col3 {
	float:left;
	width:596px;
}
/*---*/
/* Lightbox image */
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
		}
	.lightbox-image span {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/magnify-1.png) no-repeat 50% 50%;
		z-index:1;
		}
	.lightbox-image.small span {
		background:none;
	}
/* Pagination */
.pagination {
	display:block;
	width:100%;
	overflow:hidden;
	}
	.pagination a {
		float:left;
		font-size:11px;
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		line-height:31px;
		padding-left:14px;
		}
	.pagination a:hover {
		text-decoration:underline;
		}
		.pagination ul {
			float:left;
			padding:0 3px 0 18px;
			}
			.pagination ul li {
				float:left;
				padding-left:1px;
				margin-right:1px;
				padding:0 0 0 0 !important;
				background:none !important;
				}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
				}
				.pagination ul li a {
					font-size:15px;
					color:#000;
					text-decoration:none;
					width:31px;
					line-height:31px;
					height:31px;
					text-align:center;
					background:#e9e9e9;
					padding:0;
					}
				.pagination ul li a:hover {
					background:#19b6c5;
					text-decoration:none;
					color:#fff;
					}


/* Other */
figure { 
	margin:4px 20px 0 0;
	background:#fff;
	float:left;
	}
	figure.null {
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	figure.none {
		margin:4px 0 0 0;
		float:none;
		display:inline-block;
	}
	figure.img {
		background:none;
		margin-right:10px;
	}
	figure figcaption {
		color:#fff;
		font-size:1.285em;
		text-align:center;
		line-height:1.2307em;
		padding:9px 0 12px 0;
		background:#2ba3c1;
		border-top:none;
		margin-top:-15px;
		position:relative;
		z-index:10;
	}

figure.fright {
	float:right;
	margin:4px 0 0 16px;
	}

.extra-wrap { 
	width:100%;
	}
	
/* Footer
---------------------------------------- */
footer {
	height:117px;
	color:#000000;
}
footer .inside {
	font-size:0.9285em;
	line-height:1.2307em;
	padding:27px 0 0 24px;
}
	footer a {
		color:#000;
	}

	
/* Forms
---------------------------------------- */
/* Forms default */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/* subscribe form */
#subscribe-form {	
	margin:52px 0 0 0;
	padding-bottom:14px;
}
	#subscribe-form fieldset {
		background:url(../images/subscribe-form-bg.gif) left top repeat-x #1b85ae;
		border:1px solid #005f7d;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		behavior: url(js/PIE.htc);
		position: relative;
		padding:0 0 28px 18px;
	}
		#subscribe-form strong {
			font-size:1.642em;
			line-height:1.2307em;
			color:#fff;
			display:block;
			padding:14px 0 18px 44px;
			letter-spacing:-1px;
			background:url(../images/subscribe-form-img.jpg) left 6px no-repeat;
		}
		#subscribe-form .rowElem {
			background:url(../images/subscribe-form-input-bg.gif) left top no-repeat;
			height:31px;
			float:left;
			width:182px;
			margin-right:5px;
			vertical-align:top;
		}
			#subscribe-form input[type=text] {
				vertical-align:top;
				line-height:1.2307em;
				color:#000;
				width:162px;
				padding:7px 0 7px 0;
				margin:0 10px;
				background:none;
				border:none
			}
			#subscribe-form input[type=img] {
				vertical-align:top;
			}

.color {
	color:#1d1d1e;
}
	.color p {
		padding-top:20px;
	}
/* Search-form */
#search-form {
	padding-top:29px;
}
	#search-form fieldset {
		border:none;
	}
		#search-form .rowElem {
			height:46px;
			background:url(../images/input-bg1.gif) left top no-repeat;
			float:left;
			width:245px;
			margin-right:5px;
		}
			#search-form input[type=text] {
				font-size:1em;
				line-height:1.2307em;
				border:none;
				background:none;
				margin:0 10px;
				padding:14px 0 10px 0;
				width:225px;
			}

/*---*/
/* Contact form */
#contact-form {
	vertical-align:top;	
	overflow:hidden;
	padding:3px 0 25px 0;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .rowElem {
			display:block;			
			position:relative;
			padding-bottom:0px;
			height:45px;
			background:url(../images/input-bg-1.gif) left top no-repeat;
			}
			#contact-form .textarea-box {
				display:inline-block;
				position:relative;
				background:url(../images/textarea-bg-1.gif) left top no-repeat;
				width:626px;
				height:222px;
			}
			#contact-form input {
				width:333px;
				padding:11px 0px 11px 20px;
				background:none;
				border:none;
				font-size:1em;
				line-height:1.23075em;
				color:#696969;
				}
				#contact-form .button1 {
					margin:30px 4px 0 20px;
				}
					#contact-form .color {
						color:#fff;
					}
			#contact-form textarea {
				width:600px;
				height:208px;
				background:none;
				border:none;
				overflow:auto;
				display:block;
				color:#696969;
				padding:10px 0 0 20px
				}
				#contact-form label {
					padding:0px 0 2px 5px;
					display:none;
					font-size:11px;
					position:absolute;
				}
				#contact-form .rowElem label {
					padding:0px 0 2px 5px;
					font-size:11px;
					position:absolute;
					right:0px;
					top:4px;
					display:none;
				}
				#contact-form .textarea-box label {
					padding:0px 0 2px 5px;
					font-size:11px;
					position:relative;
					display:none;
				}
#contact-form .error {
				color:red;
			}

div#contact_form .download-box {
	margin:20px 30px 0 0;
	padding-top:20px
}
#back {
	display:inline-block;
	background:#000;
	padding:10px 16px 10px 16px;
	font-size:1em;
	line-height:1.2307em;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	margin-top:24px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

iframe {
	margin-top:-3px;
	overflow:hidden;
	padding-top:4px;
}
.phone {
	display:inline-block;
	width:80px;
}

/* Newsletter-form */
#newsletter-alt-form fieldset {
	border:none;
	padding-top:15px;
	}
	#newsletter-alt-form input[type=text] {
		width:215px;
		padding:7px 0 7px 10px;
		background:#f9f9f9;
		border:none;
		color:#686666;
		border:1px solid #e2e2e2;
		border-right:1px solid #bababa;
		border-left:1px solid #bababa;
		border-top:1px solid #bababa;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);
		margin-right:12px;
		font-size:12px;
		position:relative;
		}
	#newsletter-alt-form input[type=submit] {
		width:75px;
		height:32px;
		border:none;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		behavior:url(js/PIE.htc);
		position:relative;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		font-size:12px;		
		background:#1d150d;
		line-height:1.2307em;
		font-family:Arial, Helvetica, sans-serif;
			}

/**/


/* SlideDown element */
.slideDown {
	padding:0 1px 0 0;
	}
	.slideDown dt {		
		background-image:url(../images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		background-color:#000;
		color: #fff !important;	
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		font-size:12px;
		cursor:pointer;
		margin-bottom:10px;
	}
	.slideDown dt:hover, .slideDown dt.active {
		background-color:#535353;
		color:#fff;
		text-shadow:0 0 5px #fff;
	}
	.slideDown dt.active {
		background-image:url(../images/arrow2.gif);
	}

	.slideDown dd {
		display:none;
		padding:10px 20px 20px 20px;
	}
	.slideDown figure {
		position:static;
		box-shadow:0;
		-moz-box-shadow: 0;
		-webkit-box-shadow:0;
		
	}
	.slideDown.absolute dd {
		position:absolute;
		background:#fff;
		width:920px;
		z-index:20
	}




/* Accordion */
dl#accordion {
	list-style-type:none;
	margin: 0;
	padding: 0 2px 0 0;
	height:auto !important;
}
	dl#accordion .indent {
		padding-top:7px !important;
		padding-bottom:5px !important
		}

	dl#accordion a {
		display: block;
		text-decoration: none;	
		}

	dl#accordion dt {
		margin-top:1px;
		background:none;
		padding:0;
		}
		dl#accordion dt a {
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			background-color:#333;
			color: #fff;	
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			font-weight:bold;
			text-decoration:none;
			display:block;
			font-size:12px;
			}

		dl#accordion dt a:hover {
			background-color:#8e8d8b;
			color:#fff;
			}

		dl#accordion dt.active a{
			background-color:#ccc;
			background-image:url(../images/arrow2.gif);
			color:#333;
			}

	dl#accordion dd {
		display:none;
		margin-bottom:0;
	}
		dl#accordion dd .indent {
			padding:10px 30px 14px 20px !important;
		}
		dl#accordion dd a {
			display:inline;
			background:none;
			padding:0;
			width:auto;
			text-decoration:underline;
		}
		dl#accordion dd a:hover {
			text-decoration:none;
			background:none;
		}
		.sub_menu  li {
			list-style:none;
			line-height:30px!important;
			padding-left:0 !important;
			background:none !important;
			padding:0px 0 !important
		}
		.sub_menu li a {
			font-size:12px !important;
			line-height:30px!important;
		}


/* Tooltips */
.aToolTip {
	border:1px solid #000;
	background:#CCC;
	color:#000;
	margin:0;
	padding:2px 8px;
	font-size:11px;
	}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	}

a.aToolTipCloseBtn {
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	background:url(../images/close.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
	}


/* Coin Slider */
#coind-slider { overflow:hidden;}
.coin-slider { 
	overflow: hidden;
	zoom: 1;
	position: relative;
	padding-bottom:30px;
	}
.coin-slider a { text-decoration: none; outline: none; border: none; }

.cs-buttons { 
	font-size: 0px;
	padding: 10px;
	float: left;
	}
	.cs-buttons a { 
		margin-left: 5px;
		height: 10px;
		width: 10px;
		float: left;
		border: 1px solid #fff;
		background:#999;
		color: #fea900;
		position:relative;
		text-indent: -9999em; 
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		behavior: url(js/PIE.htc);
		
	}
	.cs-buttons a:hover,
	.cs-buttons a.cs-active { 
		background: #666;
		border: 1px solid #000;
		color: #fff;
		}

	.cs-title { 
		width:100%; 
		padding: 10px 0; 
		background-color: #000;
		color: #fff;
		text-indent:10px;
		}

	.cs-prev, 
	.cs-next { 
		background-color: #000;
		color: #fff;
		padding: 0px 10px;
	}
	.cs-prev:hover,
	.cs-next:hover { background:#666;}


/* Gallery */
#galleryfic_gallery {
	padding-bottom:50px;
	width:100%;
	overflow:hidden;
	padding-top:10px;
	}
	div.content {
		/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
		display: none;
		width: 940px; 
		position:relative;
		z-index:10;
		margin-bottom:20px;
	}
		div.content a, div.navigation a {
			text-decoration: none;
			color: #777;
		}
		div.content a:focus, div.content a:hover, div.content a:active {
			text-decoration: underline;
		}
	div.slideshow-container {
		position: relative;
		clear: both;
		height: 610px; /* This should be set to be at least the height of the largest image in the slideshow */
		z-index:10
	}
		.advanced_gallery div.slideshow-container {
			width:610px;
			overflow:hidden;
		}
	div.loader {
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center;
	}
	div.slideshow {
		height: 610px;
		width:940px;
		overflow:hidden;
	}
	div.slideshow span.image-wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 610px;
		width:940px;
	}
	div.slideshow a.advance-link {
		display: block;
		width: 940px;
		height: 610px; /* This should be set to be at least the height of the largest image in the slideshow */
		text-align: center;
		overflow:hidden;
	}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
		text-decoration: none;
	}
	div.slideshow img {
		position:absolute;
		left:0;
		top:0;
		padding:4px;
		border:1px solid #ddd;
	}
	.advanced_gallery div.slideshow img {
			border:none;
			margin-left:-100px;
		}
	div.slideshow.noborder img {
		padding:0;
		border:none;
	}
	div.slideshow.simple span.image-wrapper {
		left:0;
	}
	div.caption-container {
		position: relative;
		clear: left;
		height:40px;
	}
		.advanced_gallery div.caption-container {
			position:absolute;
			right:0;
			top:0;
			width:330px;
		}
	span.image-caption {
		display: block;
		position: absolute;
		width: 400px;
		top: 0;
		left: 0;
	}
	div.caption {
		padding:10px 70px 0 30px;
		overflow:hidden;
	}
	div.caption h3 {
		background:#fff;
		color:#000;
	}
	div.image-desc {
		font-size:10px;
		text-transform:uppercase;
		float:right;
		padding:8px 0 0 0;
	}
	div.navigation {
		/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	}
	ul.thumbs {
		clear: both;
		margin: 0;
		padding: 0;
	}
	ul.thumbs li {
		float: left;
		padding:1px !important;
		background:none !important;
		list-style: none;
		margin:0 10px 0 0;
		margin-bottom:4px;
	}
	ul.thumbs li.last {
		padding-right:0;
	}
	a.thumb {
		display: block;
	}
	ul.thumbs li.selected a.thumb {
	}
	a.thumb:focus {
		outline: none;
	}
	ul.thumbs img {
		border: none;
		display: block;
		border:1px solid #ddd;
		padding:2px;
	}


/* Kwicks */
.kwicks-wrapper {
	width:940px;
	overflow:hidden;
}
	.kwicks-box {
		border:1px solid #323232;
		padding:12px;
		}
	
	.kwicks {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		height:600px;
		background:#000;
		}
	.kwicks li{
		/* these are required, but the values are up to you (must be pixel) */
		width: 188px;
		height: 600px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		opacity:.5;
		filter: alpha(opacity=50);
		background:none !important;
		}
	.kwicks li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}
	.kwicks.horizontal li {
		/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
		margin-right: 0; /*Set to same as spacing option. */	
		float: left;
		}	
	
	.kwicks_vertical {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		width:950px;
		height:396px;
		background:#000;
		}
	.kwicks_vertical li{
		/* these are required, but the values are up to you (must be pixel) */
		height: 196px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		float:none;
		opacity:.5;
		filter: alpha(opacity=50);
		}
	.kwicks_vertical li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}




/* Superfish Dropdown Menu */
nav {
	width:630px;
	float:right;
	
}
.sf-menu {
	padding:0;
	list-style:none;
	background:none;
	width:100%;
	position:relative;
	z-index:100;
	padding-top:39px;
	
}

.sf-menu li {
	float:left;
	background:url(../images/nav-li-bg-1.jpeg) right 0px no-repeat;
	font-size:1.3571em;
	line-height:1.2307em;
	position:relative;
}

	.sf-menu li a {
		background:#f3f3f4;
		display:block;
		width:125px;
		height:46px;
		text-align:center;
		color:#858587;
		text-decoration:none;
		margin-right:1px;
		padding:24px 0 0 0
	}		
	.sf-menu .last {
		background:none;
	}
	.sf-menu .last a {
		width:126px;
		margin:0
	}
	.sf-menu .last li a {
		width:auto;
	}
		.sf-menu li a:hover, .sf-menu .active a, .sf-menu li.sfHover a {
			background:#1d1d1e;
			color:#fff;
		}
.sf-menu ul {
	position:absolute;
	border:none;
	width:176px;
	display:none;
	z-index:100;
	background:url(../images/sf-menu-bg-1.png) repeat;
	padding:15px 0 18px 0;
	
}
.sf-menu ul ul {
	position:absolute;
	border:none;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li li {
	background:none;
	float:none;
	width:100%;
	font-size:0.8947em;
	line-height:1.2307em;
	cursor:pointer;
}
.sf-menu li li li {
	font-size:1em;
}

.sf-menu li li a {
	width:auto;
	background:none;
	height:24px;
	padding:5px 0 0 30px;
	color:#fff;
	text-align:left;
	cursor:pointer;
}
.sf-menu li.sfHover li a {
	background:none;
}
		
	.sf-menu li li a:hover, .sf-menu li li.sfHover a {
		background:#0a8fb4;
	}
	.sf-menu li li.sfHover li a {
		background:none;
	}
	.sf-menu li li li a:hover, .sf-menu li li.active a, .sf-menu li li li.active a {
		background:#0a8fb4;
	}
.sf-menu li li:last-child a {
	border-bottom:none;
}

.typography-menu ul {
	width:190px;
}
.typography-menu ul ul {
	width:140px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			81px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			190px; /* match ul width */
	top:			-15px;
}
	


ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			-10px;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:url(../images/sf-ul-li-a-bg.gif) no-repeat 0 0;
}
.sf-menu .sf-sub-indicator {
	display:none;
}
	.sf-menu ul .sf-sub-indicator {
		display:block;
	}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:50%;
	margin-top:-2px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { right:5px !important;}
.sf-menu ul a > .sf-sub-indicator { background:url(../images/sf-ul-li-a-bg.gif) no-repeat 0 0;}


/* Tabs */
.tabs {
	clear: left;
	float: left;
	margin: 15px 0 0px 0;
	padding-bottom:30px;
	}
	.tabs ol {
		list-style-type: decimal;
		margin: 0 0 0 20px;
		}
		.tabs ol li {
			display: list-item;
			float: none;
			padding-bottom:5px !important;
			color:#333;
			font-size:1em;
			font-weight:normal;
			}
	
	.tabs ul.nav { width:100%;}
		
	.tabs ul {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
			background:none !important;
			padding:0 0 0 0 !important;
			}
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
			}
		.tabs .selected a {
			background: #CCC;
			color: #000;
			padding-bottom: 10px;
			}
		.tabs a:hover {
			background: #CCC;
			color: #000;
			}

		.tabs a {
			background:#666;
			color: #fff;
			display: block;
			padding:5px 10px;
			text-decoration: none;
			}
		.tabs .inner {
			background:#CCC;
		}
	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		max-width:700px;
		width:auto;
		overflow:auto;
		color:#333;
		}
		.tabs .tab-content .inner {
			padding:10px;
			}
	
	.tabs p { margin-bottom: 5px; }
	.tabs .tab-content strong { color:#000;}
	
	.tabs pre {
		margin:4px 0;
	}
	.tabs code {
		overflow:auto;
	}
	*+html .tabs code { overflow:visible;}


/* Twitter */
#twitter {
	margin-bottom: 2em;
	}

	#twitter h2 {
		margin: 0 0 5px 0;
		padding:.5em 1em;
		font-size: 1.5em;
		color: #fff;
		background-color: #888;
		letter-spacing:0;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}

	#preloader {
		margin: 0;
		padding: 1em 1em 1em 3em;
		text-indent:10px;
		background: transparent url(../images/loader-1.gif) 1em center no-repeat;
		/* generate your own loader gif: http://www.ajaxload.info */
		}

	ul#twitter_update_list {
		margin: 0;
		padding: 0 0 0.5em 0;
		list-style-type: none;
		}
		ul#twitter_update_list li {
			margin: 0;
			padding: 0.8em 0 1em 1em !important;
			background:#f0f0f0;
			margin-bottom:7px;
			}
		ul#twitter_update_list li:hover {
			background-color:#666;
			color:#fff;
			}
			ul#twitter_update_list li:hover a {
				color:#000;
				}

			ul#twitter_update_list li a {
				/* timestamp link */
				color: #000;
				}
			
				ul#twitter_update_list li span {
					display: block;
					}
				
				ul#twitter_update_list li span a {
					/* links in tweet */
					color: #999;
					}
				
			ul#twitter_update_list li.firstTweet {
				
				}
			ul#twitter_update_list li.lastTweet {
				border-bottom: none;
				}
			
			a#profileLink {
				display: block;
				padding: 0.3em 1em;
				color: #fff;
				background-color: #333;
				}


/* Elements list */
.elements-list li {
	background:none !important;
	padding:0 0 12px 0 !important;
	position:relative;
	font-size:1em;
	}
	.elements-list li code {
		position:absolute;
		right:0;
		top:-3px;
		padding:2px 3px 1px 3px;
		border:1px dotted #333;
		}



/*======================================================*/

/* Code grabber */
.code {
	padding:30px 0 10px 0;
}
	.code a.code-icon {
		margin-bottom:10px;
	}
	.code a.code-icon i {
		padding-right:6px;
		font-style:normal;
	}
	.code div.grabber {
		display:none;
	}
	.code code {
		padding:0 10px 0 10px;
		background:#f6f6f6;
		color:#333;
		border:1px solid #dfdfdf;
		white-space:pre;
		overflow:auto;
	}

/* Advanced Menu */
#advanced {
	position:fixed;
	z-index:999;
	right:-172px;
	top:50px;
	background:#181818;
	padding:20px 16px 20px 18px;
	width:135px;
	font-size:11px;
	line-height:1.6em;
	font-family:Tahoma, Geneva, sans-serif;
	color:#dfdfdf;
	-webkit-border-radius: 0px 0 0 6px;
	-moz-border-radius: 0px 0 0 6px;
	border-radius: 0px 0 0 6px;
}
	#advanced span.trigger {
		display:block;
		position:absolute;
		left:-81px;
		top:20px;
		margin-top:-25px;
		width:81px;
		height:52px;
		background:#fff;
		cursor:pointer;
		text-align:center;
		background:url(../images/panel/adv-trigger.png) no-repeat 0 0;
	}
		#advanced span.trigger strong {display:block; padding:4px 0 0 0;}
		#advanced ul li {
			background:url(../images/panel-arrow-1.gif) no-repeat 0 6px;
			padding:0 0 0 13px;
			font-size:12px;
		}
		#advanced ul li.trigger_adv {
			padding:0 0 0 0;
		}
			#advanced ul li.trigger_adv > span {
				background:url(../images/panel-arrow2-1.gif) no-repeat 100% 8px #636363;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				padding:0 20px 0 12px;
				color:#dfdfdf;
				font-weight:bold;
				display:inline-block;
			}
			
		#advanced ul li a {
			color:#4393d0;
			text-decoration:none;
		}
		#advanced ul li a:hover {
			text-decoration:underline;
		}
		#advanced ul ul {
			margin-left:13px;
		}
			#advanced ul ul li {
				font-size:11px;
				background:url(../images/panel-arrow1-1.gif) no-repeat 0 7px;
			}
			#advanced ul ul a {
				text-transform:capitalize;
				color:#dfdfdf;
			}
			#advanced ul ul ul {
				margin-left:8px;
			}
			#advanced ul ul ul li {
				background:none;
				}
			#advanced ul ul ul li a {
				color:#939393;
			}